@use 'scss/defaults/variables' as dv;
@use 'scss/theme';

.widget-content {
  padding: 0 dv.$omv-padding dv.$omv-padding;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));

  .item {
    border-left: 3px solid;
    border-left-color: theme.$omv-color-success;
    padding-left: 8px;

    .item-text {
      font-size: var(--mat-font-size-body-1);
    }

    .item-subtext {
      font-size: var(--mat-font-size-caption);
    }

    &.warning {
      border-left-color: theme.$omv-color-warning;
    }

    &.error {
      border-left-color: theme.$omv-color-error;
    }
  }
}
